@import './variables.scss';
@import './mixin.scss';
@import './transition.scss';
@import './element-ui.scss';
@import './sidebar.scss';
@import './btn.scss';

body {
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}

label {
  font-weight: 700;
}

html {
  height: 100%;
  box-sizing: border-box;
}

#app {
  height: 100%;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

.no-padding {
  padding: 0px !important;
}

.padding-content {
  padding: 4px 0;
}

a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

div:focus {
  outline: none;
}

.fr {
  float: right;
}

.fl {
  float: left;
}

.pr-5 {
  padding-right: 5px;
}

.pl-5 {
  padding-left: 5px;
}

.block {
  display: block;
}

.pointer {
  cursor: pointer;
}

.inlineBlock {
  display: block;
}

.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}

aside {
  background: #eef1f6;
  padding: 8px 24px;
  margin-bottom: 20px;
  border-radius: 2px;
  display: block;
  line-height: 32px;
  font-size: 16px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  color: #2c3e50;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  a {
    color: #337ab7;
    cursor: pointer;

    &:hover {
      color: rgb(32, 160, 255);
    }
  }
}

//main-container全局样式
.app-container {
  padding: 20px;
}

.components-container {
  margin: 30px 50px;
  position: relative;
}

.pagination-container {
  margin-top: 30px;
}

.text-center {
  text-align: center
}

.sub-navbar {
  height: 50px;
  line-height: 50px;
  position: relative;
  width: 100%;
  text-align: right;
  padding-right: 20px;
  transition: 600ms ease position;
  background: linear-gradient(90deg, rgba(32, 182, 249, 1) 0%, rgba(32, 182, 249, 1) 0%, rgba(33, 120, 241, 1) 100%, rgba(33, 120, 241, 1) 100%);

  .subtitle {
    font-size: 20px;
    color: #fff;
  }

  &.draft {
    background: #d0d0d0;
  }

  &.deleted {
    background: #d0d0d0;
  }
}

.link-type,
.link-type:focus {
  color: #337ab7;
  cursor: pointer;

  &:hover {
    color: rgb(32, 160, 255);
  }
}

.filter-container {
  padding-bottom: 10px;

  .filter-item {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 10px;
  }
}

//refine vue-multiselect plugin
.multiselect {
  line-height: 16px;
}

.multiselect--active {
  z-index: 1000 !important;
}

/*每个页面公共css */
	.fowe800 {
		font-weight: 800;
	}

	.fowe600 {
		font-weight: 600;
	}

	.fowe400 {
		font-weight: 400;
	}

	.fofa {
		font-family: initial;
	}

	.dis {
		display: flex;
	}

	.disAl {
		align-items: center;
	}

	.disJuC {
		justify-content: center;
	}

	.disJuB {
		justify-content: space-between;
	}

	.flwa {
		flex-wrap: wrap;
	}

	.fleDir {
		flex-direction: column;
	}

	.wid100 {
		width: 100%;
	}

	.wid95 {
		width: 95%;
	}

	.wid90 {
		width: 90%;
	}

	.wid87 {
		width: 87%;
	}

	.wid85 {
		width: 85%;
	}

	.wid80 {
		width: 80%;
	}
	.wid70 {
		width: 70%;
	}
	.wid33 {
		width: 33.33%;
	}

	.wid25 {
		width: 25%;
	}
	.wid20 {
		width: 20%;
	}
	.wid15 {
		width: 15%;
	}
	.hei100 {
		height: 100%;
	}
	.hei86 {
		height: 86px;
	}
	.hei80 {
		height: 80px;
	}

	.hei60 {
		height: 60px;
	}

	.hei50 {
		height: 50px;
	}
	.hei44 {
		height: 44px;
	}
	.hei42 {
		height: 42px;
	}
	.hei40 {
		height: 40px;
	}
	.hei34 {
		height: 34px;
	}
	.hei32 {
		height: 32px;
	}
	.hei30 {
		height: 30px;
	}
	.hei22 {
		height: 22px;
	}
	.hei20 {
		height: 20px;
	}

	.wh100 {
		width: 100%;
		height: 100%;
	}

	.mar {
		margin: 0 auto;
	}

	.mar10 {
		margin: 10px auto;
	}

	.mar-left5 {
		margin-left: 5px;
	}

	.mar-right5 {
		margin-right: 5px;
	}

	.mar-top5 {
		margin-top: 5px;
	}

	.mar-top5 {
		margin-top: 5px;
	}

	.mar-bott5 {
		margin-bottom: 5px;
	}

	.mar-left10 {
		margin-left: 10px;
	}

	.mar-right10 {
		margin-right: 10px;
	}

	.mar-top10 {
		margin-top: 10px;
	}

	.mar-bott10 {
		margin-bottom: 10px;
	}

	.mar-left15 {
		margin-left: 15px;
	}

	.mar-right15 {
		margin-right: 15px;
	}

	.mar-top15 {
		margin-top: 15px;
	}

	.mar-bott15 {
		margin-bottom: 15px;
	}

	.mar-top20 {
		margin-top: 20px;
	}

	.mar-left20 {
		margin-left: 20px;
	}

	.mar-right20 {
		margin-right: 20px;
	}
	.mar-bott20 {
		margin-bottom: 20px;
	}
	.mar-top25 {
		margin-top: 25px;
	}

	.mar-left25 {
		margin-left: 25px;
	}

	.mar-right25 {
		margin-right: 25px;
	}
	.mar-bott25 {
		margin-bottom: 25px;
	}
	.mar-top30 {
		margin-top: 30px;
	}

	.mar-left30 {
		margin-left: 30px;
	}

	.mar-right30 {
		margin-right: 30px;
	}

	.mar-bott30 {
		margin-bottom: 30px;
	}
	.textCen {
		text-align: center;
	}

	.foSi60 {
		font-size: 60px;
	}

	.foSi50 {
		font-size: 50px;
	}

	.foSi45 {
		font-size: 45px;
	}

	.foSi40 {
		font-size: 40px;
	}
	.foSi38 {
		font-size: 38px;
	}
	.foSi36 {
		font-size: 36px;
	}
	.foSi35 {
		font-size: 35px;
	}
	.foSi34 {
		font-size: 34px;
	}
	.foSi32 {
		font-size: 32px;
	}

	.foSi30 {
		font-size: 30px;
	}

	.foSi28 {
		font-size: 28px;
	}
	.foSi26 {
		font-size: 26px;
	}
	.foSi25 {
		font-size: 25px;
	}
	.foSi24 {
		font-size: 24px;
	}
	.foSi22 {
		font-size: 22px;
	}

	.foSi20 {
		font-size: 20px;
	}

	.foSi18 {
		font-size: 18px;
	}
	.foSi16 {
		font-size: 16px;
	}
	.foSi15 {
		font-size: 15px;
	}
	.foSi14 {
		font-size: 14px;
	}
	.foSi13 {
		font-size: 13px;
	}
	.foSi12 {
		font-size: 12px;
	}
	.foSi10 {
		font-size: 10px;
	}

	.liH20{
		line-height: 20px;
	}
	.liH25{
		line-height: 25px;
	}
	.liH30{
		line-height: 30px;
	}
	.borRad5 {
		border-radius: 5px;
	}
	.borRad10 {
		border-radius: 10px;
	}
	.borRad15 {
		border-radius: 15px;
	}
	.borRad20 {
		border-radius: 20px;
	}
	.borRad25 {
		border-radius: 25px;
	}
	.borRad30 {
		border-radius: 30px;
	}
	.borRad35 {
		border-radius: 35px;
	}
	.borRad40 {
		border-radius: 40px;
	}

	.borRad50 {
		border-radius: 50%;
	}

	.coFFF {
		color: #fff;
	}

	.bacFFF {
		background-color: #fff;
	}

	.xhx {
		height: 1px;
		background-color: #F0F0F0;
	}

	.poFix {
		position: fixed;
	}

	.poAbs {
		position: absolute;
	}

	.poRel {
		position: relative;
	}

	.overflowHidden {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.webkitLineClamp {
		overflow: hidden;
		word-break: break-all;
		/* break-all(允许在单词内换行。) */
		text-overflow: ellipsis;
		white-space: pre-line !important;
		/* 超出部分省略号 */
		display: -webkit-box;
		/** 对象作为伸缩盒子模型显示 **/
		-webkit-box-orient: vertical;
		/** 设置或检索伸缩盒对象的子元素的排列方式 **/
		-webkit-line-clamp: 2;
		/** 显示的行数 **/
	}

	.webkitLineClamp3 {
		overflow: hidden;
		word-break: break-all;
		text-overflow: ellipsis;
		white-space: pre-line !important;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
	}

	::-webkit-scrollbar {
		display: none;
		width: 0 !important;
		height: 0 !important;
		-webkit-appearance: none;
		background: transparent;
		color: transparent;
	}
	.mar0{
		margin: 0 !important;
	}
	.pad0{
		padding: 0 !important;
	}
	.mp0{
		margin: 0 !important;
		padding: 0 !important;
	}
	.cuPo{
		cursor: pointer;
	}
	.zhezhao{
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		opacity: 0.5;
		background: #000000;
		z-index: 2002;
	}
	.zhezhaoN{
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		overflow: auto;
		margin: 0;
		z-index: 2003;
	}
	.zhezhaoWH{
		max-height: 840px;
		//overflow: auto;
	}

	.el-input__inner:focus{
		border-color: #1890ff !important;
	}
	.el-textarea__inner:focus{
		border-color: #1890ff !important;
	}

	.popo{
		border-radius: 0;
		border: 0;
		background: #5b5e62 !important;
		color: #fff !important;
	}
	.popo[x-placement^=bottom] .popper__arrow::after{
		border-bottom-color: #5b5e62 !important;
	}

	.el-form-item__error{
		z-index: 1;
	}

	.m-empty-box {
	    padding: 50px 0;
	    text-align: center;
	    background: #fff;
	    color: #8a8a8a;
	}

	.m-empty-box .title {
	    padding: 20px 0 35px;
	    font-size: 16px;
	}

	.que {
		display: inline-block;
		padding: 0 24px;
		height: 34px;
		line-height: 34px;
		text-align: center;
		border-radius: 20px;
		vertical-align: top;
		background: #6b7cdd;
	}

	.item-l {
		background: #f2f2f2;
	}

	.item-p {
		padding: 0 15px;
	}
	.item-p1 {
		padding: 5px 15px;
	}
	.item-p2 {
		padding: 10px 15px;
	}
	.item-bor {
		border-right: 2px solid #fff;
	}
	.item-bor1 {
		border-bottom: 2px solid #fff;
	}
	.item-w{
		width: 50%;
	}
	.demonstration{
		height: 20px;
	}
.el-popper{
  z-index: 2004 !important;
}
.el-checkbox__label{
		color: #000000;
	}
	.is-checked::after{
	    background-color: #6b7cdd;
		border-color: #6b7cdd;
	}
	.is-focus::after{
	    background-color: #6b7cdd;
		border-color: #6b7cdd;
	}
	.el-checkbox__input.is-checked .el-checkbox__inner{
	    background-color: #6b7cdd;
		border-color: #6b7cdd;
	}
	.el-checkbox__input.is-checked+.el-checkbox__label{
	    color: #000000;
	}
	.el-button {
	    border-radius: 20px;
	}
	.bac6b7{
	    background-color: #6b7cdd !important;
		border-color: #6b7cdd !important;
		color: #fff !important;
	}
	.bac759{
	    background-color: #f5934b !important;
		border-color: #f5934b !important;
		color: #fff !important;
	}
	.bace84{
	    background-color: #e84577 !important;
		border-color: #e84577 !important;
		color: #fff !important;
	}
